<template>
    <div>
        
    </div>
</template>

<script>
export default {
    //组件名字
    name:'mode',
    //父组件向子组件传的值
    props:{},
    //组件
    components:{},
    //自定义指令
    directives: {
        focus: {
            //只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
            bind: function (el,binding,vnode,oldVnode) {},
            //被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
            inserted:function (el,binding,vnode,oldVnode) {},
            //所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。
            update:function (el,binding,vnode,oldVnode) {},
            //指令所在组件的 VNode 及其子 VNode 全部更新后调用。
            componentUpdated:function (el,binding,vnode,oldVnode) {},
            //只调用一次，指令与元素解绑时调用。
            unbind:function (el,binding,vnode,oldVnode) {}
            // 参数：
            //el：指令所绑定的元素，可以用来直接操作 DOM。
            //binding：一个对象，包含以下 property：
                // name：指令名，不包括 v- 前缀。
                // value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。
                // oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。
                // expression：字符串形式的指令表达式。例如 v-my-directive="1 + 1" 中，表达式为 "1 + 1"。
                // arg：传给指令的参数，可选。例如 v-my-directive:foo 中，参数为 "foo"。
                // modifiers：一个包含修饰符的对象。例如：v-my-directive.foo.bar 中，修饰符对象为 { foo: true, bar: true }。
                // vnode：Vue 编译生成的虚拟节点。移步 VNode API 来了解更多详情。
                // oldVnode：上一个虚拟节点，仅在 update 和 componentUpdated 钩子中可用。
        },
    },
    //过滤器
    filters:{},
    //计算属性
    computed:{},
    //侦听器
    watch:{
        "属性 | 对象值":{
            handler: function(val, oldVal) {
            this.$nextTick(()=>{
                console.log(val,oldVal);
                this.getSceneList();
                this.getStandSceneList();
                this.getStandLinkageList();
            })
        },
        //子组件想监听父组件传来的值需要设置immediate为true
        immediate:true,
        //侦听一个对象，每个属性值的变化都会执行handler
        deep:true,
        }
    },
    //创建前
    beforeCreate() {
        console.log(this.$el,this.$data) //==> undefined，undefined
    },
    //创建后
    created() {
        console.log(this.$el,this.$data)  //==> undefined，yes
    },
    //挂载前
    beforeMount(){
        console.log(this.$el,this.$data) // //==> yes，yes
    },
    //挂载后
    mounted() {
        console.log(this.$el,this.$data)
    },
    //更新前
    beforeUpdate() {
        console.log(this.$el,this.$data)
    },
    //更新后
    updated() {
        console.log(this.$el,this.$data)
    },
    //销毁前
    beforedestroy(){
        console.log(this.$el,this.$data)
    },
    //销毁后
    destroyed() {
        console.log(this.$el,this.$data)
    },
    //数据
    data() {
        return {
        }
    },
    // 方法
    methods: {
        
    },
}
</script>
<style lang="sass" scoped>

</style>
